
<div id="photos" class="galleryview">

    <div class="panel">
     <img src="images/gallery/1.jpg" />
    <div class="panel-overlay">
      <h2>Neighborhood</h2>
      <p>Lake View</p>
    </div>
  </div>

  <div class="panel">
          <img src="images/gallery/2.jpg" />
    <div class="panel-overlay">
      <h2>Spring</h2>
      <p>Flower</p>
    </div>
  </div>

  <div class="panel">
          <img src="images/gallery/3.jpg" />
    <div class="panel-overlay">
      <h2>Spring</h2>
      <p>Flower</p>
    </div>
  </div>

  <div class="panel">
  <img src="images/gallery/4.jpg" />
    <div class="panel-overlay">
      <h2>Neighborhood</h2>
      <p>Lake View</p>
    </div>
  </div>

  <div class="panel">
  <img src="images/gallery/5.jpg" />
    <div class="panel-overlay">
      <h2>Really?</h2>
      <p>Winding Rose Drive Landing!</p>
    </div>
  </div>
    
   <div class="panel">
  <img src="images/gallery/6.jpg" />
    <div class="panel-overlay">
      <h2>Pool Area</h2>
      <p>July 04<sup>th</sup></p>
    </div>
  </div>

<div class="panel">
    <img src="images/gallery/7.jpg" />
    <div class="panel-overlay">
        <h2>Tennis</h2>
        <p>Tennis Court</p>
    </div>
</div>
           
<div class="panel">
    <img src="images/gallery/8.jpg" />
    <div class="panel-overlay">
        <h2>Neighborhood</h2>
        <p>Cabana</p>
    </div>
</div>

    <!--<div class="panel">
    <img src="images/gallery/9.jpg" />
    <div class="panel-overlay">
        <h2>Spring</h2>
        <p>Hot Air Balloon</p>
    </div>
</div>

<div class="panel">
    <img src="images/gallery/10.jpg" />
    <div class="panel-overlay">
        <h2>Winter at Rosemoore Lake</h2>
        <p>Street View</p>
    </div>
</div>-->


  <ul class="filmstrip">
    <li><img src="images/gallery/thumbs/1.jpg" alt="pic1" title="pic1"/></li>
    <li><img src="images/gallery/thumbs/2.jpg" alt="pic2" title="pic2" /></li>
    <li><img src="images/gallery/thumbs/3.jpg" alt="pic3" title="pic3" /></li>
    <li><img src="images/gallery/thumbs/4.jpg" alt="pic4" title="pic4" /></li>
    <li><img src="images/gallery/thumbs/5.jpg" alt="pic5" title="pic5" /></li>
    <li><img src="images/gallery/thumbs/6.jpg" alt="pic6" title="pic6" /></li>
    <li><img src="images/gallery/thumbs/7.jpg" alt="pic7" title="pic7" /></li>
    <li><img src="images/gallery/thumbs/8.jpg" alt="pic8" title="pic8" /></li>
  </ul>
</div>

 <script>
        $(document).ready(function(){
            $('#photos').galleryView({
                panel_width: 480,
                panel_height: 360,
                frame_width: 34,
                frame_height: 34,
                overlay_color: '#222',
                overlay_text_color: 'white',
                caption_text_color: '#222',
                background_color: '#333',
                border: 'none',
                nav_theme: 'light',
                easing: 'easeInOutQuad',
                pause_on_hover: true
        });
        });
</script>
